<template>
  <div bg-white p-32rpx>
    <nut-comment @clickImages="clickImages" :images="images" :info="routerVal" :operation="[]">

    </nut-comment>
  </div>
</template>

<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app';
const routerVal = ref<any>({
  "content": "",  // 评论详情
  "nickName": "", // 评论人的姓名
  "score": 0, // 评论星星数
  "avatar": "",  // 评论人头像
  "time": "", // 评论时间
  "size": "", // 评论人购买的商品规格
})
const images = ref<any>([])


onLoad((option: any) => {
  const data = JSON.parse(decodeURIComponent(option.data))
  routerVal.value = {
    "content": data.content,  // 评论详情
    "nickName": data.memberName, // 评论人的姓名
    "score": data.serviceScore, // 评论星星数
    "avatar": data.memberProfile,  // 评论人头像
    "time": data.createTime, // 评论时间
    "size": data.goodsName, // 评论人购买的商品规格
  }
  images.value = data.images ? data.images.split(',').map((item: any) => {
    return {
      "smallImgUrl": item, // 小图，列表展示时使用
      "bigImgUrl": item, // 大图，大图展示使用
      "imgUrl": item, // 兜底图
    }
  }) : []
})


function clickImages(i: any) {
  uni.previewImage({
    current: 0,
    urls: [i.value.bigImgUrl],
    longPressActions: {
      itemList: ["保存图片"],
      success: function (data) { },
      fail: function (err) { },
    },
  });

}


</script>

<style scoped></style>
